<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>删除页面上指定的p元素</title>
    <script>
        function delp() {
          // 第一种方式：找到父元素，找到要删除的子元素，parent.removeChild(child)
          //var parent = document.querySelector('div'); // 获取父元素
          //var child = document.getElementById('p1'); // 获取要删除的子元素
          //parent.removeChild(child); // 从父元素中删除子元素
        
          // 第二种方式：找到要删除的子元素，用其parentNode属性来找到父元素
          var child = document.getElementById('p'); // 如果已经获取了子元素，则可以重复使用
          child.parentNode.removeChild(child); // 通过子元素的parentNode属性找到父元素并删除子元素
        }
        </script>
</head>
<body>
    <div>
        <p id="p1">JavaScript程序设计</p>
        <p>什么是JavaScript</p>
        <p>JavaScript是一门功能强大的编程语言</p>
        <p>第一部分 JavaScript的概述</p>
        <p>JavaScript的发展史</p>
      </div>
      
      <input type="button" value="删除p元素" onclick="delp()">
      
</body>
</html>